/* pages/addCourse/addCourse.less */

// 颜色定义
@main-text-color: #303133;
@regular-text-color: #606266;
@secondary-text-color: #909399;
@placeholder-text-color: #c0c4cc;

// 主题色
@theme-color-1: #19be6b;
@theme-color-2: #18b566;

// 提示色
@danger-color: #f56c6c;
@warning-color: #f9ae3d;

// 字体大小
@font-size-lg: 28rpx;
@font-size-md: 26rpx;
@font-size-nm: 24rpx;
@font-size-sm: 22rpx;

page {
  background-color: #f7f8fa;
}

.container {
  padding: 30rpx 0;
  background-color: #f7f8fa;
  min-height: 100vh;
}

.submit-button-group {
  padding: 40rpx 30rpx;
  .submit-button {
    background-color: @theme-color-1;
    border-color: @theme-color-1;
    &:active {
      background-color: @theme-color-2;
      border-color: @theme-color-2;
    }
  }
}

.van-cell-group {
  margin-top: 30rpx;
  border-radius: 16rpx;
  overflow: hidden;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);

  .van-cell {
    padding: 24rpx 30rpx;
    line-height: 1.5;
  }

  .van-field__label {
    min-width: 160rpx !important;
    font-size: @font-size-nm;
    color: @main-text-color;
  }
  .van-field__input {
    font-size: @font-size-nm;
    color: @regular-text-color;
  }
  .van-field__placeholder {
    color: @placeholder-text-color;
    font-size: @font-size-nm;
  }
}

// 原生picker的显示值样式
.picker-value {
  color: @regular-text-color;
  font-size: @font-size-nm;
  text-align: right;
  width: 100%;
}
.picker-placeholder {
  color: @placeholder-text-color;
}


.form-field-switch {
  .van-cell__value {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.course-status-switch {
  transform: scale(0.85);
  transform-origin: right center;
}
